<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/17style.css"/>
	</head>
	<body>
		<h1>Hover Over the Images</h1>
		<div class="accordion">
			<ul>
				<li>
					<div>
						<a href="#">
							<h2>Some Text</h2>
							<p>Some placeholder text goes here</p>
						</a>
					</div>
				</li>
				<li>
		      <div>
		        <a href="#">
		          <h2>Some Text</h2>
		          <p>Some placeholder text goes here.</p>
		        </a>
		      </div>
		    </li>
			<li>
		      <div>
		        <a href="#">
		          <h2>Some Text</h2>
		          <p>Some placeholder text goes here.</p>
		        </a>
		      </div>
		    </li>
			<li>
		      <div>
		        <a href="#">
		          <h2>Some Text</h2>
		          <p>Some placeholder text goes here.</p>
		        </a>
		      </div>
		    </li>
			<li>
		      <div>
		        <a href="#">
		          <h2>Some Text</h2>
		          <p>Some placeholder text goes here.</p>
		        </a>
		      </div>
		    </li>
			<li>
		      <div>
		        <a href="#">
		          <h2>Some Text</h2>
		          <p>Some placeholder text goes here.</p>
		        </a>
		      </div>
		    </li>
			</ul>
		</div>
	</body>
</html>
